A Chrome DevTools extension that watches Trello-related network traffic for the inspected tab and builds a list of cards with optional lane (list) filtering and one-click export as Markdown or JSON. It is meant for copying structured card context into other tools while using your normal Trello session in the browser.

Only requests whose URL host is one of:
trello.com or *.trello.comapi.trello.comEverything else is ignored (for example as.atlassian.com, analytics, or third-party power-ups).
Resource types: XHR, fetch, and document responses, same as the underlying DevTools hook.
When Trello loads the board, it usually fetches a large payload of visible cards and open lists. The extension parses responses such as:
GET /1/board/{shortLinkOrId}?…&cards=visible&lists=open&operationName=quickload:CurrentBoardListsCardsPOST /gateway/api/graphql?operationName=quickload:TrelloCurrentBoardListsCards (GraphQL shape: flat lists/cards, nested lists with cards, or a bounded deep search for matching objects)Each card is stored with at least id, name, idList (lane), and common fields when present (shortLink, shortUrl, desc, etc.).
Additional responses are merged into the same card record, for example:
POST /1/cards/{id}/markAsViewed — marks which card was last focused in the UI.GET /1/card/{shortLink}?…&operationName=quickload:PreloadCard — full card payload (description, attachments, checklist ids, etc.).GET /1/checklist/{id}?… — checklist names and items.GET https://api.trello.com/1/cards/{id}/checklists?… — checklist bundles from the REST host.Lists (lanes) come from the board bulk payload. The sidebar Lane control filters the card list by idList. All lanes shows every captured card.
For the selected card:
The gear button opens Capture storage: retention window, max rows per URL pattern, and max total rows. Older rows are dropped when limits are exceeded (same storage mechanism as the original request visualizer fork).
| Area | Purpose |
|---|---|
| Header | Title, Trello request count, card count, clear capture, storage settings, theme |
| Lane | Select list to filter cards |
| Cards | Detected cards (newest activity first); subtitle shows lane name when known |
| Detail | Fields, checklists, links, Markdown preview, copy actions |
npm install
npm run build
Load unpacked:
chrome://extensions (or equivalent).dist directory produced by the build.Open the panel:
After code changes: run npm run build, reload the extension on chrome://extensions, then close and reopen DevTools so the panel picks up the new bundle.
| Path | Role |
|---|---|
src/devtools/App.tsx |
Wires capture, settings, and main view |
src/hooks/useNetworkCapture.ts |
DevTools network listener + Trello URL filter |
src/hooks/useTrelloSnapshot.ts |
Applies parsers to new captured requests |
src/lib/trello/parseTrelloRequest.ts |
URL/body → structured events |
src/lib/trello/aggregate.ts |
Merges events into cards, lanes, checklists |
src/lib/trello/isTrelloUrl.ts |
Host allowlist for capture |
src/components/TrelloAppView.tsx |
Card list, lane filter, detail, copy |
src/components/TrelloCaptureSettings.tsx |
Storage limits sheet |
src/manifest.json |
Extension name, description, devtools page |
card_checklist_checkItems settings on that call; opening the card often loads full checklist rows.as.atlassian.com/api/v1/batch) are not on the Trello host allowlist and are not used.MIT